/*连接分组样式*/
div.connect-group-0 {
    background-color: rgba(255,255,255,0.7);
}
div.connect-group-1 {
    background-color: rgba(191,239,255,0.7);
}
div.connect-group-2 {
    background-color: rgba(176,196,222,0.7);
}
div.connect-group-3 {
    background-color: rgba(255,235,205,0.7);
}
div.connect-group-4 {
    background-color: rgba(255,182,193,0.7);
}

/*表格样式*/
.fw-sql-result table {
    border-top: 0px;
    border-left: 0px;
    table-layout: fixed;
    width: 100%;
    height: auto;
    max-height: 100%;
}
.fw-sql-result table tbody tr:nth-child(3n) {
    background-color: #F9F9F9;
}
.fw-sql-result table tbody tr:nth-child(6n) {
    background-color: #F5FAFF;
}
.fw-sql-result table th,
.fw-sql-result table td {
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    height: 24px;
    line-height: 20px;
    font-size: 12px;
    padding: 0px!important;
    cursor: default;
}
.fw-sql-result table th {/* 表头固定 */
    position: sticky;
    top: 0px;
    background: #FFFFFF;
    padding: 2px!important;
}
.fw-sql-result table th.sticky,
.fw-sql-result table td.sticky {/* 列冻结*/
    position: sticky;
    left: 0;
    background: #FFFFFF;
    text-align: center;
    right: 0px;
    border-right: 1px solid #DDDDDD ;
}
.fw-sql-result table th.sticky {/* 表头冻结列置顶 */
    z-index: 3;
    /*左上角单元格z-index，切记要设置，不然表格纵向横向滚动时会被该单元格右方或者下方的单元格遮挡*/
    background: #FFFFFF;
    white-space: nowrap;
}
.fw-sql-result table th div,
.fw-sql-result table td div {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 2px;
    outline: none;
    border: none;
    overflow: auto;
    line-height: 19px;
}
.fw-sql-result table tr td:last-child{
    border-right: 1px solid #ddd;
}
.fw-sql-result table tr td div::-webkit-scrollbar {
    display: none;
}
.fw-sql-result table tr td div:hover {
    cursor: default;
}
.fw-sql-result table tr td div:focus {
    cursor: text;
}
.fw-sql-result table tr.data-tr-selects td.data-td0,
.fw-sql-result table tr.data-td-selects td.data-td0,
.fw-sql-result table tr.data-tr-select td.data-td0,
.fw-sql-result table tr.data-td-select td.data-td0,
.fw-sql-result table tr.data-tr-add td.data-td0,
.fw-sql-result table tr.data-tr-change td.data-td0{
    text-align: center;
    vertical-align: middle;
    background-color: #D9EBF9;
}
.fw-sql-result table tr.data-td-select td.data-td0:before {
    content: "\f111";
}
.fw-sql-result table tr.data-tr-select td.data-td0:before {
    content: "\f192";
}
.fw-sql-result table tr.data-td-selects td.data-td0:before {
    content: " ";
}
.fw-sql-result table tr.data-tr-selects td.data-td0:before {
    content: "•";
}
.fw-sql-result table tr.data-tr-add td.data-td0:before {
    content: "*";
}
.fw-sql-result table tr.data-tr-change td.data-td0:before {
    content: "\f246";
}
.fw-sql-result table tr.data-tr-selects td.data-td,
.fw-sql-result table tr.data-tr-select td.data-td,
.fw-sql-result table tr.data-tr td.data-td-select {
    background-color: #3367D1;
    color: #FFFFFF;
}
.fw-sql-result table tr.data-tr td.data-td-add,
.fw-sql-result table tr.data-tr td.data-td-change{
    background-color: #FFF1FF;
    color: #000000;
}


/*底部操作栏样式*/
.fw-db-footer {
    width: 100%;
    height: 20px;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #000000;
    text-align: center;
    letter-spacing: 0.12em;
    border: 1px solid rgba(0,0,0,.1);
}
.fw-db-footer div {
    float: left;
    height: 100%;
    text-align: center;
    line-height: 14px;
    border-right: 1px dotted #d5d5d5;
}
.fw-db-footer div:last-child {
    border-right: 0px;
}
.fw-db-footer div button {
    padding: 0px 1px;
}
.fw-db-footer .footer-operbtns {
    width: 150px;
    text-align: center;
}
.fw-db-footer .footer-operinfo {
    width: calc(100% - 150px - 150px - 400px - 27px);
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px 5px;
    line-height: 18px;
}
.fw-db-footer .footer-opertime {
    width: 150px;
    line-height: 18px;
}
.fw-db-footer .footer-pages {
    width: 400px;
}
.fw-db-footer .footer-pages .footer-pageinfo {
    width: calc(100% - 140px);
    height:100%;
    line-height: 18px;
}
.fw-db-footer .footer-pages .footer-pagebtns {
    width: 140px;
}
.fw-db-footer .footer-pages .footer-pagebtns input {
    width: 30px;
    height:16px;
    text-align: center;
}
.fw-db-footer .footer-pages .footer-pagebtns input::-webkit-outer-spin-button,
.fw-db-footer .footer-pages .footer-pagebtns input::-webkit-inner-spin-button {
    appearance: none!important;
}
.fw-db-footer > .footer-infoview {
    width: 27px;
    float: right;
}